<template>
	<div class="home">
		<el-container>
  			<el-aside width="150px">
				  <leftNav/>
			</el-aside>
			<el-container>
				<el-header>
					<topNav/>
				</el-header>
				<el-main>
					<router-view/>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import leftNav from '../components/Nav'
	import topNav from '../components/Header'
	export default {
		name: "Home",
		components:{
			leftNav,
			topNav
		}
	};
</script>
<style lang="scss" scoped>
	.el-header,.el-main{
		padding: 0;
	}
	.el-aside{
		background-color: rgb(84, 92, 100);;
	}
</style>
